﻿<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <meta charset="UTF-8">
    <title>监测预警查询</title>
    <link rel="stylesheet" type="text/css" href="/resources/easyUI/themes/gray/easyuia.css"/>
    <link rel="stylesheet" type="text/css" href="/resources/easyUI/icon.css"/>
    <link rel="stylesheet" type="text/css" href="/resources/query-form.css"/>
    <link rel="stylesheet" type="text/css" href="/resources/css/bass.css"/>
    <script type="text/javascript" src="/resources/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/resources/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/resources/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="/resources/js/ExportExcelDlg.js"></script>
    <script type='text/javascript' src='/resources/js/views/reportPrealarm.js'></script>
</head>

<body>
<div id="content" style="height: 100%;">
    <div class="time">
        <input type="hidden" id="page" name="page"  value="1">
        <input type="hidden" id="pageSize" name="pageSize" value="30">
        <ul><li>
            <label class="spanstyle">年份:</label>
            <input name="year" type="checkbox" value="2015" checked="checked" onclick="CRUD.queryList()" />2015
            <input name="year" type="checkbox" value="2016" checked="checked" onclick="CRUD.queryList()" />2016
            <input name="year" type="checkbox" value="2017" checked="checked" onclick="CRUD.queryList()" />2017
            <input name="year" type="checkbox" value="2018" checked="checked" onclick="CRUD.queryList()" />2018
            <input name="year" type="checkbox" value="2019" checked="checked" onclick="CRUD.queryList()" />2019
            <input name="year" type="checkbox" value="2020" checked="checked" onclick="CRUD.queryList()" />2020

            <label class="spanstyle">&nbsp;&nbsp;请输入指标名：<input class="easyui-textbox" style="width: 120px;" type="text" name="iname" id="iname" /></label>
            <a href="#" onclick="CRUD.queryList();"class="easyui-linkbutton spanstyle" iconCls="icon-search">查询</a>
            <a href="#" class="easyui-linkbutton  spanstyle" onclick="Save_Excel()" data-options="iconCls:'icon-excel'" title="导出excel">导出excel</a>
        </li>
            <li>
                <div style="width: auto; padding:  5px; ">
                    <table style="border-collapse: separate; ">
                        <tr>
                            <td style="width: 30px; background-color: limegreen; padding-right:  10px; border-radius: 5px;"></td>
                            <td style="padding-right: 10px; border-color: black; ">提前达标</td>
                            <td style="width: 30px; background-color: blue; padding-right : 10px; border-radius: 5px;"></td>
                            <td style="padding-right: 10px; border-color: black;">达到当年标准</td>
                            <td style="width: 30px; background-color: orange; padding-right : 10px; border-radius: 5px;"></td>
                            <td style="padding-right: 10px; border-color: black;">当年未达标准预期可达</td>
                            <td style="width: 30px; background-color: coral; padding-right : 10px; border-radius: 5px;"></td>
                            <td style="padding-right: 10px; border-color: black;">达标困难</td>
                            <td style="width: 30px; background-color: red; padding-right : 10px; border-radius: 5px;"></td>
                            <td style="padding-right: 10px; border-color: black;">预期难以达标</td>
                        </tr>
                    </table>
                </div>

<%--                <div style="width: auto;">--%>
<%--                    <img src="/resources/images/color_memo.png">--%>
<%--                </div>--%>
<%--                --%>
            </li>
        </ul>
    </div>

    <div style="width:100%">
        <div id="tabDiv" name="tabDiv" fit="true" plain="true" class="easyui-tabs" style="width:768px;height:100%;">
            <div title="数据列表" style="display:none;" >
                <table id="tt" style="width:98%;height:100%;" data-options="frozen:true" rownumbers="true" >
                </table>
            </div>
        </div>
    </div>
</div>
</body>
</html>